.flexbox{
    display:flex;
}
header{
    background: #ff5d29;
    ul{
        .flexbox;
        .padding(36,25,36,25);
        position: relative;
        li{
           color:#fff;
           .font-size(24);
        }
        .title{
            position:relative;
            .margin-left(30);
            .phone{
                .padding-bottom(20);
                .margin-top(-5);
            }
            .vip{
                .border(3,solid,#ffc700);
                .px2rem(line-height,50);
                .px2rem(width,190);
                .px2rem(border-radius,40);
                text-align: center;
                background:rgba(189,65,24,0.7);
                color:#ffc700;
            }
            img{
                position: absolute;
                .top(36);
                .right(0);
            }
            .time{
                .margin-top(20);
            }
        }
        .renzheng{
            position:absolute;
            .right(24);
            .top(80);
            .border(1,solid,#fff);
            .px2rem(border-radius,5);
            .px2rem(line-height,50);
            .padding-left(24);
            .padding-right(24);
        }
    }
}
.main{
    background:#f7f3f7;
    .padding-bottom(20);
    .myIndent{
        background:#fff;
         li{
            .border-bottom(1,solid,#ccc);
            .px2rem(line-height,70);
            .margin-left(23);
            background:url(../img/3-5baiyinzichan_03.png) left center no-repeat;
            .padding-left(20);
         }
         .menuList{
                .flexbox;
                background:none;
                align-items:center;
                div{
                    flex:1;
                    text-align: center;
                    background:url(../img/4-1line.png) right center no-repeat;
                    .border-right(1,solid,#ccc);
                    .margin-top(20);
                    .margin-bottom(20);
                    p{
                        .margin-top(-30);
                    }
                }
         }
         .hetong{
            background:url(../img/4-1tu_4.png) left center no-repeat;
            position:relative;
            .padding-left(60);
            .px2rem(line-height,98);
            img{
                position:absolute;
                .right(20);
                .top(32);
            }
         }  
    }
    .myList{
        background:#f7f3f7;
        .margin-top(14);
        li{
            background:#fff;
            .flexbox;
            .px2rem(line-height,94);
            .padding-left(23);
            position:relative;
            .border-bottom(1,solid,#ccc);
            p{
                .padding-left(20);
            }
            span{
                display:block;
                text-align: right;
                .padding-right(30);
                color:#ffc807;
                .px2rem(width,340);
                .px2rem(height,40);
                .px2rem(line-height,40);
                background:url(../img/1-1shouye_33.png) right center no-repeat;
                position:absolute;
                .right(20);
                .top(20);
            }
            img{
                display:block;
                .px2rem(width,42);
                .px2rem(height,45);
                .margin-top(30);
            }
            &:nth-child(3){
                .margin-top(14);
                .margin-bottom(14);
            }
            &:nth-child(4){
                .margin-top(14);
                .margin-bottom(14);
                span{
                    color:red;
                    background:none;
                }
            }
        }
    }
    .quit{
        li{
            p{
                .px2rem(line-height,40);
                .margin-top(10);
                color:#ccc;
                text-align: center;
            }
            span{
                display: block;
                .border(1,solid,red);
                .px2rem(border-radius,10);
                .margin-top(20);
                .margin-left(150);
                .margin-right(150);
                .padding(30,150,30,150);
                text-align: center;
                color:red;
                .font-size(28);
            }
        }
    }
}